<!doctype html>
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!--[if lt IE 9]> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <![endif]-->
    <title>姬云</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
        <script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
    <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/da-slider.css" />
    <!-- Owl Carousel Assets -->
    <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="css/styles.css" />
    <!-- Font Awesome -->
    <link href="font/css/font-awesome.min.css" rel="stylesheet">
    <style>
        li {list-style: none;}
    </style>
</head>

<body>
    <header class="header">
        <div class="container">
            <nav class="navbar navbar-inverse" role="navigation">
                <div class="navbar-header">
                    <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="#" class="navbar-brand scroll-top logo"><b>姬云</b></a>
                </div>
                <!--/.navbar-header-->
                <div id="main-nav" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav" id="mainNav">
                        <li class="active"><a href="#home" class="scroll-link">首页</a></li>
                        <li><a href="#aboutUs" class="scroll-link">关于姬云</a></li>
                        <li><a href="#portfolio" class="scroll-link">姬云图库</a></li>
                        <li><a href="#contactUs" class="scroll-link">资源分享</a></li>
                    </ul>
                </div>
                <!--/.navbar-collapse-->
            </nav>
            <!--/.navbar-->
        </div>
        <!--/.container-->
    </header>
    <!--/.header-->
    <div id="#top"></div>
    <section id="home">
        <div class="banner-container">
            <img src="images/TK/public-domain-images-free-stock-photos-high-quality-resolution-downloads-nashville-tennessee-32-1000x666.jpg" alt="banner" width="1903" height="863" />
            <div class="container banner-content">
                <div id="da-slider" class="da-slider">
                    <div class="da-slide">
                        <h2><a href="01/01.html" target="_blank">第一周作业</a></h2>
                        <p>只是随意地进行了尝试。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="02/02.html" target="_blank">第二周作业</a></h2>
                        <p>第二次上课，很开心的插了张图。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="03/03.html" target="_blank">第三周作业</a></h2>
                        <p>这次是搜索框哦。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="04/04.html" target="_blank">第四周作业</a></h2>
                        <p>CSS学习中……老师找的颜色都好接地气哦。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="05/05.html" target="_blank">第五周作业</a></h2>
                        <p>还是CSS的学习，常用元素该如何使用才比较好看，这是个值得思考的问题。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="06/06.html" target="_blank">第六周作业</a></h2>
                        <p>盒模型盒模型盒模型盒模型浮动练习浮动练习浮动练习。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="07/07.html" target="_blank">第七周作业</a></h2>
                        <p>上周浮动了以后，现在要来清除浮动啦。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="08/08.html" target="_blank">第八周作业</a></h2>
                        <p>bootbootbootboot来啦啦啦啦。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="09/09.html" target="_blank">第九周作业</a></h2>
                        <p>js哒三种使用方法。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="10/10.html" target="_blank">第十周作业</a></h2>
                        <p>js数据类型，风花雪月走个过场。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="11/11.html" target="_blank">第十一周作业</a></h2>
                        <p>DOM事件监听函数 & 卖萌的点击按钮 & event对象 & jQuery中的ready方法 & jQuery中CSS选择符的用法</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="12（期中作业）/12期中作业.html" target="_blank">第十二周作业</a></h2>
                        <p>终于期中啦啦啦坚持每周都来上课的我们都是好孩子——jQuery中的filter方法。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="13/13.html" target="_blank">第十三周作业</a></h2>
                        <p>jQuery中的事件绑定，换颜色换得可开心了呢。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="14/14.html" target="_blank">第十四周作业</a></h2>
                        <p>我说它是它就是，哼唧。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="15/15.html" target="_blank">第十五周作业</a></h2>
                        <p>echarts，很好玩。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="滚动的页面/桃花.html" target="_blank">滚动的页面</a></h2>
                        <p>突然就是想做这么一个效果的，勉强做出来了。</p>
                        <div class="da-img"></div>
                    </div>
                   <div class="da-slide">
                        <h2><a href="爱你的形状/爱你的形状.html" target="_blank">爱你的形状</a></h2>
                        <p>突然想告个白什么的。</p>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2><a href="18期末可视化数据/echarts.html" target="_blank">Echarts</a></h2>
                        <p>最后的可视化数据作业啦</p>
                        <div class="da-img"></div>
                    </div>
                <!--  <nav class="da-arrows">
                        <span class="da-arrows-prev"></span>
                        <span class="da-arrows-next"></span>
                    </nav> -->
                </div>
            </div>
        </div>
    </section>
    <!--About-->
    <section id="aboutUs" class="secPad">
        <div class="container">
            <div class="heading text-center">
                <!-- Heading -->
                <h2>这里是姬云，一个作业汇总主页</h2>
                <p><h4>这是一个因为作业而生的网页，实在不知道做什么了就这么搞了一个这玩意儿。每一周的作业都链接到了首页上面那个一直在动的地方，点击就能看到作业。然后下面还弄了个图库，本来是想着分享一下收集的照片，结果就在电脑面前盯了一整天，复制图片地址复制到串行好几回，眼睛都要瞎掉了。后面还有一些推荐的网站链接，都是平常我用到觉得还不错的网站。</h4></p>
            
                <!-- end: -->
            </div>
        </div>
    </section>
    <!--Quote-->
    <section id="quote" class="bg-parlex">
        <div class="parlex-back">
            <div class="container secPad text-center">
                <h2>姬云图库一共有五个类别：</h2>
                <p><h2>动物图鉴、植物图鉴、食物图鉴、人像图鉴、其他图鉴</h2></p>
            </div>
            <!--/.container-->
        </div>
    </section>
  
   <!--Portfolio-->
    <section id="portfolio" class="page-section section appear clearfix secPad">
        <div class="container">

            <div class="heading text-center">
                <!-- Heading -->
                <h2>姬云图库</h2>
                <p>更多高清大图请等待更新</p>
            </div>

            <div class="row">
                <nav id="filter" class="col-md-12 text-center">
                    <ul>
                        <li><a href="#" class="btn-theme btn-small" data-filter="*">全部</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".动物图鉴">动物图鉴</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".植物图鉴">植物图鉴</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".食物图鉴">食物图鉴</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".人像图鉴">人像图鉴</a></li>
                        <li><a href="#" class="btn-theme btn-small" data-filter=".其他图鉴">其他图鉴</a></li>
                    </ul>
                </nav>
                <div class="col-md-12">
                    <div class="row">
                        <div class="portfolio-items isotopeWrapper clearfix" id="3">

                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/liushu.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/liushu.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/eagle-1523807.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/eagle-1523807.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/hua1.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/hua1.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/steamed-corn-1324477.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/steamed-corn-1324477.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article> 
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/tuna-sandwich-1326358.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/tuna-sandwich-1326358.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/朱一龙.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/朱一龙.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/朱一龙2.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/朱一龙2.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/金希澈.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/金希澈.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/red-3508966_960_720.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/red-3508966_960_720.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/crabapple-3513040_960_720.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/crabapple-3513040_960_720.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/berry-3513546_960_720.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/berry-3513546_960_720.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/flowers-1395952.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/flowers-1395952.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/gratisography-321-thumbnail.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/gratisography-321-thumbnail.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/eye-of-the-tiger-1387073.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/eye-of-the-tiger-1387073.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/giraffe-1393773.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/giraffe-1393773.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                             <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/owl-eyes-1386933.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/owl-eyes-1386933.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/mule-deer-series-2-1380751.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/mule-deer-series-2-1380751.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/quote-the-raven-1475620.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/quote-the-raven-1475620.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/fine-italian-food-1-1519670.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/fine-italian-food-1-1519670.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/monkey-1574363.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/monkey-1574363.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 动物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/shots-1391990.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/shots-1391990.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/french-fries-1322107.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/french-fries-1322107.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/strawberry-1324897.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/strawberry-1324897.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>

                             <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/pizza-hum-1-1329283.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/pizza-hum-1-1329283.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article> 
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/bolos-1-1329900.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/bolos-1-1329900.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/donut-s-train-3-1188060.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/donut-s-train-3-1188060.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/calendula-1178140.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/calendula-1178140.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/white-1178614.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/white-1178614.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 植物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/daisies-5-1315078.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/daisies-5-1315078.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 食物图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/sushi-1328223.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/sushi-1328223.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>   
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/泰勒.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/泰勒.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/labourer-1436010.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/labourer-1436010.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/pensive-homeless-portrait-1435609.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/pensive-homeless-portrait-1435609.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/screwed-up-1562969.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/screwed-up-1562969.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>                        
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/portrait-26-1432720.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/portrait-26-1432720.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 人像图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/h-1436030.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/h-1436030.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/skyscrapers-1219508.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/skyscrapers-1219508.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/building-3-1231897.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/building-3-1231897.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/dancing-forest-1638085.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/dancing-forest-1638085.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/hanging-stalactite-1638066.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/hanging-stalactite-1638066.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/strings-cello-bow-and-f-hole-1635517.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/strings-cello-bow-and-f-hole-1635517.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/rail-bridges-1637144.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/rail-bridges-1637144.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/morning-mist-1637320.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/morning-mist-1637320.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/christmas-candles-1638094.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/christmas-candles-1638094.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="col-sm-4 isotopeItem 其他图鉴">
                                <div class="portfolio-item">
                                    <img src="images/TK/stairs-1637560.jpg" alt="" />
                                    <div class="portfolio-desc align-center">
                                        <div class="folio-info">
                                            <a href="images/TK/stairs-1637560.jpg" class="fancybox">
                                                <h5>查看大图</h5>
                                                <i class="fa fa-arrows-alt fa-2x"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>

                    </div>


                </div>
            </div>

        </div>
    </section>

    <!--Contact -->
    <section id="contactUs" class="page-section secPad">
        <div class="container">

            <div class="row">
                <div class="heading text-center">
                    <!-- Heading -->
                    <h2>资源分享</h2>
                    <p>没事可以到处逛逛的哦</p>
                </div>
            </div>

  <!--       <div class="row mrgn30">  -->
        <!-- <div class="col-sm-12 col-md-8"> -->
            <center>
        <ul>
            <li><a href="https://cn.freeimages.com/" target="_blank">FREEIMAGES</a></li>
            <li><a href="https://gratisography.com/" target="_blank">Gratisography</a></li>
            <li><a href="https://www.lifeofpix.com/" target="_blank">Life Of Pix</a></li>
            <li><a href="https://picjumbo.com/" target="_blank">Picjumbo</a></li>
            <li><a href="https://www.bilibili.com/" target="_blank">哔哩哔哩</a></li>
            <li><a href="https://bcy.net/" target="_blank">半次元</a></li>
        </ul>
</center>
            <!-- / .row -->
        <!-- </div> -->
    </section>
    <a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>

    <!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
    <script src="js/modernizr-latest.js"></script>
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.isotope.min.js" type="text/javascript"></script>
    <script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="js/jquery.nav.js" type="text/javascript"></script>
    <script src="js/jquery.cslider.js" type="text/javascript"></script>
 <script src="contact/jqBootstrapValidation.js"></script>
 <script src="contact/contact_me.js"></script>

    <script src="js/custom.js" type="text/javascript"></script>
    <script src="js/owl-carousel/owl.carousel.js"></script>
</body>
</html>
